@charset "utf-8";

@import 'iconfont_+';

header{
    position: relative;
    background-color: #fff;
}

section{
    padding: 40px 0 100px 0;
}

.cart_content{
    width: 1200px;
    margin: auto;
    box-sizing: border-box;
    width: 1200px;
    background-color: #fff;
    margin: auto;
    padding: 30px 40px;
    margin-top: 20px;
    min-height: 100px;
    .cart_wo{
        color: #333;
        font-size: 18px;
        padding-bottom: 16px;
    }
    .cart_list{
        padding: 14px 0;
        width: 100%;
        border-bottom: 1px #ededed solid;
        border-top: 1px #ededed solid;
    }
}


//购物车内容
.cart_li_co{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 0;
    height: 92px;
    align-items: center;
    flex-shrink: 0;
    li{
        height: auto;
        
    }
    .cart_select{
        min-width: 100px;
        text-align: center;
        input{
            cursor: pointer;
        }
    }
    .cart_photo{
        padding-right: 70px;
        padding-left: 20px;
        height: 80px;
        min-width: 80px;
        text-align: center;
        img{
            height: 100%;
            width: auto;
        }
    }
    .cart_color{
        min-width: 284px;
        a{
            display: inline-block;
            vertical-align: middle;
            color: #333;
            &:hover{
                color: #acacac;
            }
        }
    }
    .cart_pice{
        min-width: 220px;
        span{
            padding: .2em 0;
            display: block;
        }
    }
    .cart_number{
        div{
            text-align: center;
            position: relative;
            display: inline-block;
            box-sizing: border-box;
            border: 1px solid #dce1e4;
            width: 150px;
            height: 44px;
            line-height: 44px;
            overflow: hidden;
            border-radius: 4px;
            color: #666;
            .icon-minus-bold{
                position: absolute;
                text-align: center;
                cursor: pointer;
                overflow: hidden;
                width: 50px;
                height: 42px;
                left: 0;
                font-size: 12px;
            }
            .icon-jiajianzujianjiahao{
                position: absolute;
                text-align: center;
                cursor: pointer;
                overflow: hidden;
                width: 50px;
                height: 42px;
                right: 0;
                font-size: 12px;
            }
        }
        
    }
    .cart_ash{
        text-align: right;
        padding-right: 20px;
        padding-left: 20px;
        width: 156px;
        a{
            display: block;
            height: 18px;
            line-height: 18px;
            font-size: 18px;
            &:hover{
                color: #acacac;
            }
            
        }
    }
    
}

//赠品

.cart_present{
    padding: 14px 0;
    position: relative;
    box-sizing: border-box;
    border-top: 1px #ededed solid;
    margin-left: 270px;
    ul{
        width: 100%;
        box-sizing: border-box;
        padding: 6px 0;
        height: 100%;
        display: flex;
        align-items: center;
        li{
            width: 284px;
            box-sizing: border-box;
            height: 100%;
            display: flex;
            align-items: center;
            p{
                display: inline-block;
                vertical-align: middle;
                width: auto;
                padding: 0 .4em;
                height: 20px;
                line-height:20px;
                text-align: center;
                margin-right: 10px;
                box-sizing: border-box;
                font-size: 12px;
                border: 1px #f79a47 solid;
                border-radius: 2px;
                color: #f79a47!important;
            }
            .pre_pic{
                width: 42px;
                height: 42px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            a{
                display: inline-block;
                vertical-align: middle;
                color: #666;
                &:hover{
                    color: #acacac;
                }
            }
        }
    }
}

//结算条

.cart-bar{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    a{
        display: inline-block;
        color: #333;
        line-height: 30px;
        &:hover{
            color: #acacac;
        }
        i{
            position: relative;
            top: -2px;
            font-size: 18px;
            display: inline-block;
            vertical-align: middle;
            padding-right: 8px;
        }
    }
    .cart-bar-pice{
        width: 196px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        h3{
            color: #666;
            text-align: left;
            line-height: 30px;
        }
        p{
            line-height: 30px;
            font-size: 30px;
            color: #333;
            white-space: nowrap;
            text-align: right;
            i{
                font-size: 21px;
            }
            
        }
        a{
            display: inline-block;
            text-align: center;
            margin-top: 20px;
            width: 196px;
            height: 60px;
            line-height: 60px;
            color: #fff;
            background-color: #05b570;
            font-size: 16px;
            border-radius: 4px;
            transition: 0.6s;
            &:hover{
                background-color: #059157;
            }
        }
    }
}

